<!doctype html>
<head>
	<title>Home</title>
	
	<meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta name="description" content="Fluid CSS3 Slideshow with Parallax Effect" />
    <meta name="keywords" content="fluid, css3, css-only, slideshow, responsive, parallax, sibling, pseudo-class, transitions" />
    <meta name="author" content="Codrops" />
    <link rel="shortcut icon" href="../favicon.ico"> 
    <link rel="stylesheet" type="text/css" href="css/home.css">
    <link rel="stylesheet" type="text/css" href="css/style_home_slider.css" />
	<script type="text/javascript" src="js/modernizr.custom.04022.js"></script>
</head>

<body>

	<br> <br>
	<div id="main"><img src="img/main.png" height="300px" ></div>
  	<div id="list"> 
        <h2 id="history">History List</h2>
        <ul id="savinglist">  </ul>
        
        </ul>
    </div>
    <div id="nav-bar">
    	    <ul id="nav">
		 	    <li>
                    <input type="text" id="search"  placeholder="Search..">
                </li>
		 	    <li>
                    <input type="button" id="go"  value="Go!">
                </li>
                <li>
                    <select>
                      <option value="followers">Followers</option>
                      <option value="Following">Following</option>
                      <option value="Following">All tweeps</option>
                    </select>
                </li>
                <li id="nav-li">
                    <input type="button" id="export"  value="Save"> 
                </li>
                <li id="nav-li">
                    <input type="button" id="tweet"  value="Tweet">
                </li>
                <li>
                    <input type="checkbox" id="selectall" ></input>
                </li>
                <li id="all">
                    Select all
                </li>
	  	    </ul>
	  	</div>
        
    <ul id="cbp_tmtimeline">
    <li>
        <div id="cbp_tmlabel">
            <div id="pic"> <img src="img/logo.png" width="100px"></div>
            <div><p><a href="http://www.twitter.com/mahmoudxdid"><b>Mahmoud Sayed</b> </a>@mahmoudxdid</p>
            <p>Student at faculty of engineering , Graphic designer</p></div>
            <div id="checkbox"> <input type="checkbox" id="select" name="select">Select</input></div>
        </div>
    </li>
    <li>   
        <div id="cbp_tmlabel">
            <div id="pic"> <img src="img/logo.png" width="100px"></div>
            <div><p><a href="http://www.twitter.com/mahmoudxdid"><b>Mahmoud Sayed</b> </a>@mahmoudxdid</p>
            <p>Student at faculty of engineering , Graphic designer</p></div>
            <div id="checkbox"> <input type="checkbox" id="select" name="select">Select</input></div>
        </div>
    </li>
    <li>
        <div id="cbp_tmlabel">
            <div id="pic"> <img src="img/logo.png" width="100px"></div>
            <div><p><a href="http://www.twitter.com/mahmoudxdid"><b>Mahmoud Sayed</b> </a>@mahmoudxdid</p>
            <p>Student at faculty of engineering , Graphic designer</p></div>
            <div id="checkbox"> <input type="checkbox" id="select" name="select">Select</input></div>
        </div>
    </li>
    <li>
        <div id="cbp_tmlabel">
            <div id="pic"> <img src="img/logo.png" width="100px"></div>
            <div><p><a href="http://www.twitter.com/mahmoudxdid"><b>Mahmoud Sayed</b> </a>@mahmoudxdid</p>
            <p>Student at faculty of engineering , Graphic designer</p></div>
            <div id="checkbox"> <input type="checkbox" id="select" name="select">Select</input></div>
        </div>
    </li>
    <li>
        <div id="cbp_tmlabel" >
            <div id="pic"> <img src="img/logo.png" width="100px"></div>
            <div><p><a href="http://www.twitter.com/mahmoudxdid"><b>Mahmoud Sayed</b> </a>@mahmoudxdid</p>
            <p>Student at faculty of engineering , Graphic designer</p></div>
            <div id="checkbox"> <input type="checkbox" id="select" name="select">Select</input></div>
        </div>
    </li>
	</ul>
	<br>
	</body>
    <script src="js/home.js"></script>
</html>
